<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>选项设置页</title>
    <link rel="stylesheet" href="./css/popup.css" />
  </head>
  <body>
    <div class="Popup-Card">
      <div class="welcome-box">
        <img src="../image/back_img.png" alt="#" />
      </div>
      <div class="OnAndoff">
        <div id="on-tips">插件已关闭</div>
        <div class="on-switch">
          <div id="on-but">
            <div class="min-radius"></div>
          </div>
          <div id="back"></div>
          <div id="off-but">
            <div class="min-radius"></div>
          </div>
        </div>
      </div>
    </div>
    <div class="options-box">
      <div class="setup-op">设置选项</div>
      <div class="options-Card">
        <div class="OnAndoff">
          <div class="on-tips">双列显示</div>
          <div class="on-switch">
            <div id="on-but-eve"></div>
            <div id="back-eve"></div>
            <div id="off-but-eve"></div>
          </div>
        </div>
        <div class="OnAndoff">
          <div class="on-tips">卡片风</div>
          <div class="on-switch">
            <div id="on-but-card"></div>
            <div id="back-card"></div>
            <div id="off-but-card"></div>
          </div>
        </div>
        <div class="OnAndoff">
          <div class="on-tips">大家搜</div>
          <div class="on-switch">
            <div id="on-but-sertips"></div>
            <div id="back-sertips"></div>
            <div id="off-but-sertips"></div>
          </div>
        </div>
        <div class="OnAndoff">
          <div class="on-tips">卡片透明</div>
          <div class="on-switch">
            <div id="on-but-tran"></div>
            <div id="back-tran"></div>
            <div id="off-but-tran"></div>
          </div>
        </div>
        <div class="OnAndoff" id="bg-Color">
          <div class="on-tips">背景颜色</div>
          <div class="on-switch">
            <input type="color" name="color" id="color" />
            <div id="on-but-bgcolor"></div>
          </div>
        </div>
        <div class="OnAndoff-last" >
          <div class="on-tips">背景图片(Beta)</div>
          <div class="on-switch">
            <input type="file" id="upLoad" name="image" />
            <div id="on-but-bgimg">
              <img src="#" id="Img" alt="#" />
            </div>
          </div>
        </div>
      </div>
    </div>
    <script src="./js/popup.js"></script>
  </body>
</html>
